Overview - Introduction
  Overview of Tutorial

Welcome to HotDog5 - the most powerful HTML editor on the market. This tutorial will guide you through all the features of HotDog, beginning with a step by step guide demonstrating how to create and upload a Web page to the Internet. Even if you are familiar with HotDog, at least have a look at the synopsis of each chapter below. HotDog is deceptively powerful and the chapters below provide a good summary of its features.

Chapter 1: Creating a Web Page

This chapter will show you how to create a Web document and how to upload it to the Internet. To get you going, the basics of HotDog are explained; how to create a new document, insert an image and create a hypertext link. Previewing your Web document and then uploading it to the Internet are also explained, step by step.

Chapter 2: Editing in HotDog

One of the latest features is the HTML Property Sheet. As you type an HTML tag HotDog gives you all the information about the tag in a Property Sheet. This information contains all the attributes, listed by the browsers that support them, and more. HotDog features a fully interactive editor. This means that HotDog can help you work by providing continuos feedback as you type. Chapter 2 takes you through the process of HTML tag coloring, spell checking, color schemes and more. Even if you have used HotDog before, take a look at this chapter. It makes working so much easier.

Chapter 3: Using Websites

Websites can contain anything from a single Web page to a full Website. Chapter 3 will guide you through creating websites. The various advantages of using websites and how to upload them to the Internet are explained.

Chapter 4: Using Tables

Once you have worked out the content for a Web page, you have to present it clearly to any visitors in your domain. Tables are most commonly used as a layout tool. For example, the positioning of text and images relative to one another is one of the most common uses of tables. As such, tables feature heavily in HotDog. There are 3 ways to create tables; the Quick Table, the Table Wizard and the Visual Table Editor. All are described in Chapter 4.

Chapter 5: Style Sheets

Style Sheets are one of the most powerful new developments in HTML. Essentially they allow you to create your own HTML tags. Chapter 5 demonstrates how to create a new tag and add your custom tag to the Syntax Checker. If you have had some experience with HTML then take a look at Style Sheets - they are surprisingly useful and not all that difficult to use.


 Chapter 1 - Creating a Web Page


Starting HotDog.
 Chapter 1 - Starting HotDog


Opening a New Document.
 Chapter 1 - Opening a New Document.


 Chapter 1 - Inserting a Heading


 Chapter 1 - Inserting a Line


 Chapter 1 - Inserting Text


 Chapter 1 - Saving your Document


 Chapter 1 - Previewing your Document using ROVER


 Chapter 1 - Positioning the ROVER Window


 Chapter 1 - Changing the Refresh Rate of ROVER


 Chapter 1 - Centering Text


 Chapter 1 - Inserting an Image


Chapter 1 - Inserting Images using the Insert Image Wizard.
 Chapter 1 - Inserting Images using the Insert Image Dialog or Wizard.


 Chapter 1 - Inserting Images using the Local File Manager


 Chapter 1 - Making Text Wrap Around an Image


 Chapter 1 - Inserting a Hypertext Link


 Chapter 1 - Inserting a Hypertext Link using the Netscape or IE Favorites Panel


 Chapter 1 - Inserting a Hypertext Link using the Insert Hypertext Link Wizard


Chapter 1 - Insert an E-mail Me Link
 Chapter 1 - Insert an ‘E-mail Me’ Link


Chapter 1 - Saving your Web Page


 Chapter 1 - Previewing your Document using a Browser


 Chapter 1 - Uploading your Web Page to the Internet


 Uploading your Document as part of a Website


 Uploading your document using the Internet File Manager


 Chapter 1 - Viewing your Document on the Internet


 Chapter 1 - Conclusion


Chapter 1 Overview
Overview

Starting HotDog

Opening a New Document

  Inserting a Heading

  Inserting a Line

  Inserting some Text

  Saving your Document

Previewing your Document using ROVER

  Changing the Refresh Rate of ROVER

Centering Text

Inserting an Image

  Using the Insert Image Wizard.

  Using the Local File Manager.

  Making Text Wrap around an Image

Inserting a Hypertext Link

  Using the Netscape or IE favorites panel

  Using the Insert Hypertext Link Wizard

Insert an E-mail Me Link

Saving your Web Page

Previewing your Document using a Browser

Uploading your Web Page to the Internet

  Uploading your document as part of a Website

  Uploading your document using the Internet File Manager

Viewing your Document on the Internet

Conclusion


 Chapter 2 - Editing in HotDog


Syntax Coloring and Tag Checking
 Syntax Checking and Tag Coloring

More Amazing Things

HotDog recognizes almost every HTML tag used on the Internet. As a result HotDog can give you tips while you are coding. For example, if you type an incorrect attribute into a tag it will be automatically highlighted.

  Syntax Checking

Getting HotDog to help you create HTML code.

  Tag Coloring

Changing the appearance of HTML tags to aid in editing.


 Tips on Tags, Attributes and Values

More Amazing Things

Null Topic


HTML Property Sheet

The HTML Property Sheet is HotDog's latest innovation. It presents to you all the tags and attributes used on the Internet. This means you can create web pages with the power of the entire HTML language behind you.

For the beginner, the HTML Property Sheet offers fun and easy experimentation - unfamiliar with a tag or attribute? - just put a value in it and see how it effects your web page. With this sort of practice it will only be a short time until you become familiar with the entire HTML language. Using the Auto Downloader the HTML property sheet is periodically updated by Sausage Software to ensure that you have access to the latest developments in HTML.

For the user who wants their web pages to look great in every browser, the HTML property sheet also presents the tags and their attributes to you in a sorted list. For example, the <TABLE> tag is listed with all the known attributes sorted by different browsers. The result is you can determine easily which attributes to use in which tag to optimize the look of your web page for the most people.

Finally the HTML Property Sheet speeds up your editing. Tags and attributes are inserted into your document with a few simple mouse clicks.

Generally there are three different ways the HTML Property Sheet is used:

  A quick way of wrapping tags (such as the <center> tag) around highlighted text.

  A shortcut for the insertion of tags into you document.

  A very quick way of inserting attributes into tags.

However, the HTML Property Sheet can help you far more than this. For example, all the attributes of each tag are listed by the browsers that support them. So, if you wanted to avoid attributes particular to some browsers, it is easy to do so. Essentially, the guess work is taken out of how your web page will look under different browsers.


Numerous and Powerful Keyboard Shortcuts

More Shortcut Keys

Editing in HotDog can be a whole lot faster if you use the shortcut keys below.

Triple Click	Highlights an entire line.
Double Click	Highlights a single word.
CTRL + Double Click	Highlights an object, such as a tag or a block of text.
Drag Highlighted Text	Moves text to new location.
CTRL + Drag Highlighted Text	Copies text to new location.
CTRL + ]	If the cursor is at a bracket (,),<,> this key combination will find the ‘opposite’ bracket.
CTRL + SHIFT + ]	As above, but the contents of the bracket are also highlighted.
SHIFT + · or	Highlights a character at a time.
CTRL +  · or	Moves the cursor to the next word.
CTRL + SHIFT  · or	Highlights words at a time.
CTRL + > or <	Jumps an entire object. For example, a block of text.
CTRL + SHIFT + > or <	Jumps and highlights an entire tag or block of text.
Click in the Gutter Area	Highlights a line of text
CTRL + SHIFT + 1,2,3,4,5,6,7,8,9,0	Sets a bookmark
CTRL + 1,2,3,4,5,6,7,8,9,0	Returns to set bookmark
INSERT	Toggles betwixt Insert and Overwrite mode.

  More shortcut keys.


Bookmarking

More Amazing Things

A bookmark is a marker you place in your document. Then later on, with a couple of key strokes, you can quickly return to same spot.

Setting and recalling bookmarks is easy.

To set a bookmark

Choose a place in your document that you want to recall.

Press CTRL + SHIFT + A bookmark number from 0 to 9.

To recall a bookmark

Press CTRL + The number of the bookmark you want to recall.


Amazing Things Overview
Syntax Checking and Tag Coloring

HTML Property Sheet

Numerous and Powerful Keyboard Shortcuts

Bookmarking


Chapter 2 - Multi Level Undo and Redo

Overview

HotDog comes with multi level undo and replace. This means that you can undo any insertion into your document by pressing CTRL-Z. (that is up to your last save).

To redo any undone changes to your document, use CTRL - Y.


Chapter 2 - Spell Checking

Overviewch2_popup

There are two ways of spell checking your document. You can spell check the document in one hit or you can right click over any suspected misspelling, and if the word is misspelt, a menu of suggested words appears in your right click menu.

To Spell Check a Document:

  On the ‘Edit’ Menu, click on ‘Check Spelling’.

To Check the Spelling of a Single Word:

1	Right click the mouse over the suspected misspelling.

2	If the word is misspelled, select the correct spelling of the word from the right click menu.


Chapter 2 - Syntax Checking

Overview

Note: To syntax check your tags, click on the [image] button at the bottom of your document.

Rather than performing your syntax checking after you have completed your document, HotDog gives you real time syntax checking. This means that even as you type, if you make any syntax errors, HotDog will notify you immediately. Furthermore, most times HotDog can recognize what the error is and will tell you what part of your tag is incorrect. In any event, HotDog will offer you help describing the full HTML specification of the tag.

How the Syntax Checker Works

HotDog has been programmed to recognize all tags and attributes in HTML 3.2, Netscape extensions and Microsoft extensions specifications. In fact, we tried to find every tag recognized by Netscape and Microsoft Internet Explorer. This means that as you type a HTML tag, HotDog is checking the tag against a list of nearly all recognizable tags.

Different browsers can use different tags, but all browsers have some tags they use in common.

HotDog recognizes the following tags:

HTML 3.2 Specification	Used by all browsers.
HTML 4	Partially supported by Netscape and Internet Explorer.
Netscape Extensions	Used by Netscape Browsers.
Microsoft Extensions	Used by Microsoft Browsers.
JavaScript Tags	Used by both Netscape and Internet Explorer.
User Defined Tags	Used by both Netscape and Internet Explorer.

Initially the HotDog editor only checks for HTML 3.2 tags, but you can add or remove different specifications as you need them. (After changing the specifications you will need to close and reopen your document).

As browsers improve, the number of tags they recognize increases. HotDog has been designed to be able to automatically update your syntax files using the Auto Downloader. You can also define your own tags .

Limiting Tags:

Both Netscape and Microsoft have released browsers with an extended HTML tag specification. What this means is that there are extra tags that only Netscape recognize and tags that only MS Internet Explorer can use. This can be an annoyance because it means if you use the Netscape LAYER tag, your Web page might look really cool when viewed with Netscape, but something less when viewed with MS Internet Explorer. For this reason you can limit the tags that HotDog recognizes.

For example, if you tell HotDog to only recognize HTML 3.2 tags then you won’t inadvertently use a tag or attribute that is not recognizable by both Netscape and Internet Explorer.

Note: being limited to tags is annoying. By using the JavaScript Editor Supertool you can design a web page that recognizes what browser is visiting your Website and so directs different browsers to different Web pages. This way you can maximize the use of both Netscape and Internet Explorer extensions.

Correcting Tags:

Because HotDog can recognize nearly all tags, this means that HotDog can tell you if your tags have the correct syntax. For example, type the following incorrect tag into the HotDog editor:

<TABLE  TEXT="WRAP" BORDER="3" ALIGN="MIDDLE" BORDERCOLORLIGHT="#FFFFFF">

Notice how the TEXT=”WRAP” and ALIGN=”MIDDLE” sections are highlighted. (The BORDERCOLORLIGHT=”#FFFFFF” attribute may also be highlighted because it is a Microsoft Extension).

Hold the mouse over the TEXT=”WRAP” attribute. The message ”Unrecognized attribute ‘TEXT’ for this tag” will appear. This means that the attribute TEXT does not belong in the TABLE tag, and so should be removed.

Hold the mouse over the ALIGN=”MIDDLE” attribute. The message “Unrecognized attribute value ‘MIDDLE’ for ‘ALIGN’ attribute” will appear. This means that ALIGN is a valid attribute for the TABLE tag, but the value ALIGN has been given (MIDDLE) is not correct. In this case “MIDDLE” should be replaced with “CENTER”

One way to ensure you always use the correct attributes is to use HTML Property Sheet .


Getting Further Help

Sometimes you will want to know a complete description of a tag. In this case, right click over the tag and select Help from the right click menu.


Chapter 2 - Changing The Color of HTML Tags

Overview

Note: To view your different colored tags, click on the [image] button at the bottom of your document.

Changing the color of different tags is very useful because it helps you pick out the information you need to find from a jumble of HTML. It is particularly useful when you are trying to study other people’s HTML. You may want to see how they have aligned an image. The link around the image is simply a distraction.

In this example you are going to make all the tags associated with tables yellow.

Turn the Tag Manager on.

  On the View menu select ‘Resource Manager’, ‘HTML Tags’, or,

  Right click on any window from the Resource Manager ( the local file manager for example) and select HTML Tags from the right click menu.

In the list of tags that appear, click on the <TABLE> tag.

At the bottom of the HTML Tag Manager, click on the box next to the word ‘Front’.

This opens a color picker. Select the color you want to use for the tag text.

Click on the box next to the word ‘Back’. This lets you set the background color of your tag.

So far you have only made the <TABLE> tag yellow. Nearly all tables also use <TD>, <TR> and <TH>. Make these tags yellow as well. Now when you insert a table into your document, the tags appear as yellow, clearly defining your table.

I would recommend that the following tags should have their own color: tables, images and hypertext links. Generally, these three tag types make up the important content in a Web page. Having them clearly colored can aid editing.

Creating Short-Cut Keys for an HTML Tag.

As well as coloring your tags, you can create shortcut keys for them as well. For example, to quickly insert the <IMG> tag into your document you need to set a shortcut key for the IMG tag in the HTML Tag Manager.

In the HTML Tag Manager, click on the <IMG> tag.

There are 4 boxes, one for ALT, CTRL, SHIFT and a letter respectively. Decide what keyboard combination you want to use as your shortcut. For example, you might use SHIFT + CTRL + E for image. So check the box next to SHIFT, CTRL and enter an E as the shortcut key.

  To insert the IMG tag into your document, hold down the SHIFT, CTRL and E key all at once.

  To remove a shortcut key, click on the corresponding tag in the HTML Tag manager, and click delete.


Chapter 2 - Editing Documents already on the Internet

Overview

Frequently you will want make minor changes to a document that you have already uploaded to your Server. Rather than wasting time trying to find the document on your local machine and then worrying if the document on your hard drive is actually the one you want, you can just edit the document remotely.

What this means is that you download the document, make your changes and then re-upload the document. However, HotDog makes the process easy.

To edit a document that is already on your Server:

Open the Internet File Manager

  On the View Menu, select ‘Resource Manager’, click on ‘Internet Files’.

You may have to tell HotDog the address of your Server if you have not already done so.

1	Right Click over the Server you want to open.

2	Navigate in the Server until you find the file you want to edit.

3	Right click on the file, and select 'Open for editing'.

The document has now  been downloaded and is ready for editing in HotDog. To save your document:

  On the File menu, select ‘Save Remote’.


Setting the Address of your Server

If you have not told HotDog the address of your server, you will have to do so.

1	Right click over the Server icon in the Internet File Manager.

2	Select ‘Add Server’

You will be asked to provide the following details:

Server Address:

The Server Address in the unique address of your Server. The Server is the computer that you connect to when you want to browse the Internet. It also displays your Web pages to anyone who visits your Website. For example, Elise might enter www.woodnet.com

Login Name:

Your login name is given to you by your ISP (Internet Service Provider- the  company that gets you connected). Basically, your Login name and password uniquely identify who you are when it comes to uploading your work. ISP's don't want anyone unknown uploading to their Server!

Password:

Your password is also provided by your ISP. If you don't know it, you will need to get in contact with them. Instructions on how to do this are provided in the tutorial described below.

For more details explaining everything you need to know about uploading documents to the Internet including all the terminology and subjects touched upon in this page, have a look at the beginners guide to FTP.


How do you edit a document that you have already uploaded to the Internet?

You can either edit the copy that you keep locally on your local computer, and re-upload the file or, you can download the file from the Internet, edit it, and re-upload it.

Downloading a document from your website.

Internet

Re-uploading a document to your website.

save as

Uploading any document or file to the Internet.

see chap1


Chapter 2 - Color Scheme Editor
Chapter 2 - Color Scheme Manager

The Color Scheme Manager is used to change the colors of your Web page (such as text, links and background colors). You can also add background graphics to your Web page with the ‘Color Scheme Manager’.

In this example you are going to change the default colors of a document, add a background graphic and then save the color scheme you have created so you can easily apply it to other documents.

First, open a new document.

Enter some text. About 4 or 5 lines will be plenty.

Add a URL. (If you are unsure how to do this, use the Insert URL function of HotDog ).

Now start the Color Scheme Manager:

  On the Format Menu, click ‘Document Properties’.

To change the color of your text, click on the box next to ‘Document Text’.

Select the color you want to use for the document text.

Continue this process for all the link types.

If you want a background color, select it by clicking on the box next to ‘Background Color’.

To insert a background image, click on the folder button and choose an image from file window that appears.

To apply the changes to your document, click ‘OK’.

As you will probably want to use this color scheme with other document, click ‘Save As’.

In the window that appears, enter the name of the scheme. In the future, to use your saved scheme, just select it from the scheme drop down list and click ‘OK’.

Description of the different text types:

Document Text	The default color for all the text in your document.
Standard Link	The default color for a hypertext link in your document.
Active Link	The color a link turns when it is being clicked.
Visited Link	The color a link goes when has previously been clicked.
Tip

While your text may look fine upon the background image you have chosen to use, remember that the background image can load slowly, so also include a background color that makes your text easily visible as well.


Chapter 2 - Extended Character Manager

Extended characters are unusual characters or characters from non-English alphabets. For example, have you ever wondered how to display a greater than (>) or less than (<) sign in HTML? The extended character manager was designed to provide a quick way to insert these characters into your document.

The characters can be inserted as their HTML code or as they will appear on the Internet.

To use extended characters:

1. Open the ‘Extended Character Manager’.

  On the View menu, click on ‘Resource Manager’, ‘Extended Characters’.

2. 	Drag any character you want to use directly into your document.


Chapter 2 - HTML Properties Sheet
Chapter 2 - HTML Property Sheet

The HTML Property Sheet is HotDog's latest innovation. It presents to you all the tags and attributes used on the Internet. This means you can create web pages with the power of the entire HTML language behind you.

For the beginner, the HTML Property Sheet offers fun and easy experimentation - unfamiliar with a tag or attribute? - just put a value in it and see how it effects your web page. With this sort of practice it will only be a short time until you become familiar with the entire HTML language. Using the Auto Downloader the HTML property sheet is periodically updated by Sausage Software to ensure that you have access to the latest developments in HTML.

For the user who wants their web pages to look great in every browser, the HTML property sheet also presents the tags and their attributes to you in a sorted list. For example, the <TABLE> tag is listed with all the known attributes sorted by different browsers. The result is you can determine easily which attributes to use in which tag to optimize the look of your web page for the most people.

Finally the HTML Property Sheet speeds up your editing. Tags and attributes are inserted into your document with a few simple mouse clicks.

Generally there are three different ways the HTML Property Sheet is used:

  A quick way of wrapping tags (such as the <center> tag) around highlighted text.

  A shortcut for the insertion of tags into you document.

  A very quick way of inserting attributes into tags.

However, the HTML Property Sheet can help you far more than this. For example, all the attributes of each tag are listed by the browsers that support them. So, if you wanted to avoid attributes particular to some browsers, it is easy to do so. Essentially, the guess work is taken out of how your web page will look under different browsers.


HTML Property Sheet - Wrapping Tags around highlighted text

For example, to quickly right align some text, you could do the following:

1. Highlight the text you want to right align.

2. Press CTRL - ENTER

You are now in the HTML property sheet, navigate to the tag you want to insert:

Use the up and down arrow keys.

-or-

Type the first few letters of the tag you want to insert.

3. Press ENTER and the tag is automatically inserted into your document.

      For example, type ‘div’, to select the DIV tag, then press ENTER.

After you have inserted the DIV tag into your document, the HTML property sheet displays the attributes of the DIV tag. Use the ALIGN attribute to align your text.

To set the alignment of your text to right,

1. In the HTML Property Sheet, click on the ALIGN attribute.

2. From the drop down menu, select ‘Right’.

The attribute ‘ALIGN=”RIGHT”’ is automatically entered into HotDog.

To return to edit mode (as opposed to the Property Sheet mode) either click on your HotDog document, or press CTRL - ENTER.


HTML Property Sheet  -  Quick insertion of tags into your document

For example, to quickly enter the <layer> tag:

1	Type ‘<la’.

2	The HTML Property Sheet now suggest that you are looking for the <layer> tag.

3	Enter the HTML Property Sheet by pressing CTRL - ENTER.

4	Press ENTER to enter the <layer> tag into your document.

HotDog automatically returns you to the Editor, ready to insert any attributes if you need them.


HTML Property Sheet  - Quick insertion of attributes into Tags

For example, to quickly right align some text, you could do the following:

1. Highlight the text you want to right align.

2. Press CTRL - ENTER

You are now in the HTML property sheet, navigate to the tag you want to insert:

Use the up and down arrow keys.

-or-

Type the first few letters of the tag you want to insert.

3. Press ENTER and the tag is automatically inserted into your document.

      For example, type ‘div’, to select the DIV tag, then press ENTER.

After you have inserted the DIV tag into your document, the HTML property sheet displays the attributes of the DIV tag. Use the ALIGN attribute to align your text.

To set the alignment of your text to right,

1. In the HTML Property Sheet, click on the ALIGN attribute.

2. From the drop down menu, select ‘Right’.

The attribute ‘ALIGN=”RIGHT”’ is automatically entered into HotDog.

To return to edit mode (as opposed to the Property Sheet mode) either click on your HotDog document, or press CTRL - ENTER.


Chapter 2 - Using HTML Alignment Attributes to Layout your Web Page

Understanding how to position text around images is a key element in Web page presentation. Aligning text and images (or tables) is discussed at length in this section.

Wrapping text around images.

Give your table or image an alignment to the left and then insert text after it. For example, to create the effect seen left, use the following HTML code:
<IMG SRC="graphics/image.gif" ALIGN=”LEFT”>
Lots of text goes here.. .

Give your table or image an alignment to the right and then insert text after it. For example, to create the effect seen left, use the following HTML code:
<IMG SRC="graphics/image.gif" ALIGN=”RIGHT”>
Lots of text goes here.. .

Put your images next to one another, but give them opposite alignments, that is, left and right. For example:
Lots of text goes here.. .
<IMG SRC="graphics/image1.gif" ALIGN=”LEFT”> some text here
<IMG SRC="graphics/image2.gif" ALIGN=”RIGHT”>
Lots more text goes here.. .

This Web page alignment is not possible using standard HTML alignment attributes. However, using tables you can easily design such a layout.

How am I supposed to know images have alignment attributes?

It would seem that this tutorial presupposes a lot of information, like knowing about the alignment attribute of images. With time you will become familiar with the different attributes in each tag. But for the meantime, use the HTML reference or the HTML tag manager.

For example, on the Help menu, select HTML ‘Reference’.

1	On the clickable index, click ‘I’.

2	Click on the ‘IMG ’ tag.

3	Under the attribute reference, note the Align attribute.

OR

1	Open the Tag Manager (On the view menu, click on ‘Resource Manager’, ‘Tag Manager’).

2	Double click on the ‘IMG’ tag.

3	Note that Align is one of the attributes listed. Right click over it to get details

Aligning text with images:

Images also have vertical alignment properties. However, every browser treats these properties slightly differently. The following attributes can be used:

TEXTTOP

TOP

ABSMIDDLE

MIDDLE

BOTTOM

BASELINE

ABSBOTTOM

The problem is that while most of these attributes do the same thing, how they look differs from browser to browser. In Netscape and MS Internet Explorer there are actually only 3 different alignments you can choose. Below is a summary of the different alignments under different browsers.

Note: in each of the pictures below, the HTML is the word ‘pivot’ followed by an image. Only the alignment attribute of the image changes.

NETSCAPE

Text top aligned with the top of the image. This is equivalent to ALIGN=”TOP” or “TEXTTOP” Notice how Netscape puts an envelope around the text and aligns the invisible envelope with the top of the image.

Absolute middle of text aligned with the center of the image. This is equivalent to ALIGN=”ABSMIDDLE” only. The absolute middle of the text is the midpoint between the absolute top and bottom (i.e., the top and the bottom of the envelope around the text) of the text.

Baseline of text aligned with the bottom of the image. This is equivalent to ALIGN=”MIDDLE” or “BOTTOM” or “BASELINE” or having no alignment at all. This is the default alignment.

Absolute bottom of the text aligned with the bottom of the image. This is equivalent to ALIGN=”ABSBOTTOM” only. The bottom of the envelope surrounding the text is aligned with the bottom of the image.

Microsoft Internet Explorer 3 (MSIE3)

Text aligned with the top of the image. This is equivalent to ALIGN=”TOP” or “TEXTTOP”. Notice how there seems to be a text envelope at the top of the text. This envelope seems incongruous because MSIE3 has no other use for the ABS tags. Perhaps it is a rendering flaw.

Center of the text aligned with the center of the image. This is equivalent to ALIGN=”MIDDLE” or “ABSMIDDLE”.

Bottom of text aligned with the bottom of the image. This is equivalent to ALIGN=”BOTTOM” or “BASELINE” or “ABSBOTTOM” or having no alignment at all. This is the default alignment. That is the alignment that is used if you specify no alignment at all.


 Chapter 2 - Conclusion


Introduction

Multi Level Undo and Redo

Spell Checking

  Document

  Right Clicking

Syntax Checking

  Mouse Over Help

  Right Click Help

Changing the Color of HTML tags

Color Scheme Editor

Extended Character Manager

HTML Property Sheet

 Wrapping Tags around highlighted text

 Quick insertion of Tags into your document

 Quick insertion of attributes into Tags

Using HTML alignment attributes to layout your web page

Conclusion


Chapter 3 - Introduction to Projects
 Chapter 3 - Introduction to HotDog Websites


Chapter 3 - Creating your first Project.
 Chapter 3 - Creating your first Website


Chapter 3 - Adding multiple documents to a project
 Chapter 3 - Adding Multiple Documents to a Website


 Chapter 3 - Adding Retrospective Links to each of the Documents (using the File Manager)


Chapter 3 - Uploading a project to the Internet
 Chapter 3 - Uploading a Website to the Internet


 Chapter 3 - Conclusion


Introduction

Creating your first website

  Adding your first document to a website

  Creating a new document

Adding multiple documents to a website

  Adding a second document to a website

  Adding a link to the first document

Adding retrospective links to each of the documents (using the file manager)

Uploading a website to the Internet

Conclusion


 Chapter 4 - Using Tables in HTML


 Chapter 4 - Aligning Text and Images using Tables


 Installing the Visual Table Editor (Easy!!!)


 Chapter 4 - Different Browsers Displaying Tables


 Chapter 4 - Changing the Color of the Table Tags


 Chapter 4 - Editing Tables


 Chapter 4 - Conclusion


Using Tables in HTML

Aligning Text and Images using Tables

  Quick Table

  Using the Table Wizard

  Special effects using Tables

Different Browsers displaying tables

Changing the Color of the Table Tags

Editing Tables

  Visual Table Editor

Conclusion


 Chapter 5 - Introduction to Style Sheets


 Chapter 5 - Creating a Style Sheet


Chapter 5 - Creating Style Sheets via an External File
 Chapter 5 - Using Style Sheets via an External File


 Chapter 5 - Conclusion


Style Sheets - Introduction

Creating a Style Sheet

Using Style Sheets via an External File

Conclusion


Misspelled/Misspelt

For those of you who wrote in and said that ‘missplelt ’ was misspelled, did you know that the Oxford English Dictionary gives two different spellings for the past tense of misspell?  -  Misspelled and Misspelt  :-]


typo2
Missplelt

Sorry, ‘Missplelt’ was misspelt (or misspelled) as misspelt.


Extended Keyboard Map

Editor Shortcuts

Useful Miscellanous Shortcuts

Format Font	F2

Hide Resource Manager	F4

Check Spelling	F7

Preview Document 	F9

Toggle Edit/HTML Property view	CTRL ENTER

File Menu Shortcuts.

New	CTRL - N

Open	CTRL - O

Save	CTRL - S

Save As	SHIFT - CTRL - S

Close	CTRL - W

Preview Document	F9

Print	CTRL - P

Print Setup	CTRL - SHIFT - P

Edit Menu Shortcuts.

Undo	CTRL - Z

Redo	CTRL - Y

Cut	CTRL - X

Copy	CTRL - C

Paste	CTRL - V

Find	CTRL - F

Replace	CTRL - R

Select All	CTRL - A

Check Spelling	F7

Edit Menu Shortcuts

Image	SHIFT CTRL I

HyperLink	SHIFT CTRL H

Target ID	SHIFT CTRL A

Comment	SHIFT CTRL C

Line	SHIFT CTRL N

List	SHIFT CTRL L

Frames	SHIFT CTRL F

Table	SHIFT CTRL T

Publish Field	SHIFT CTRL U

Form Wizard	SHIFT CTRL O

Format Menu Shortcuts

Document Properties	SHIFT CTRL D

Dynamic HTML Animate	SHIFT CTRL M

Font	F2

Bold	CTRL B

Italic	CTRL I

Underline	CTRL U

Publish Document	SHIFT CTRL B